var htmlWebpackPlugin=require('html-webpack-plugin');//引用htmlWebpackPlugin插件
var path=require('path');
module.exports={
    context:__dirname,
    entry:'./src/app.js',// 入口文件
    output:{
        path: path.resolve(__dirname,'dist'),//指定打包后的文件位置
        filename:'js/[name].bundle.js',//指定打包后的文件名称
    },
    module:{  
        loaders:[
            {//配置js的loader
                test:/\.js$/, //匹配条件 正则表达式，匹配js文件
                loader:'babel-loader',//处理js的
                //exclude:'./node_modules',//打包是排除node-nodules文件
                //include:'./src/',//之打包.src目录下的文件
                exclude:path.resolve(__dirname,'node_modules'),
                include:path.resolve(__dirname,'src')

                // query:{  
                //     presets['latest']
                // }

                //上面注释的内容，不在这里指定的话就可以在package.json里面定义
                //"babel":{
                //     "presets":["latest"]
                 //},
            },

            {//配置css的loader
                test:/\.css$/,
                loader:'style-loader!css-loader!postcss-loader'
            }
        ]
    },
    postcss:[//处理5个版本的浏览器
        require('autoprefixer')({
            broswers:['last 5 versions']
        })
        ],
        
    
    plugins:[//初始化htmlWebpackPlugin插件
        new htmlWebpackPlugin({
            filename:'index.html',
            template:'index.html',
            inject:'body'
        })

    ]

 
}


